<template>
	<view>
		<view class="back-w2" style="">
			<view class="u-m-l-10" @click="Back()">
				<u-icon name="arrow-left" color="#000000" size="20"></u-icon>
			</view>
			<view class="f-w-l">
				巡检服务详情
			</view>
		</view>
		<view>
			<view class="flex-row group_11" style="margin-top: 90rpx;">
				<view class="flex-col items-center text-wrapper_4" :class="this.PatrolState ==0?'PatrolStateActive':''">
					<text class="text_14" @click="patrolPro(0)">全部</text></view>
				<view class="flex-col items-center text-wrapper_5" :class="this.PatrolState ==1?'PatrolStateActive':''">
					<text class="text_15" @click="patrolPro(1)">待整改</text></view>
				<view class="flex-col items-center text-wrapper_5" :class="this.PatrolState ==2?'PatrolStateActive':''">
					<text class="text_15" @click="patrolPro(2)">待确认</text></view>
				<view class="flex-col items-center text-wrapper_5" :class="this.PatrolState ==3?'PatrolStateActive':''">
					<text class="text_15" @click="patrolPro(3)">已整改</text></view>
			</view>
			<view v-if="this.PatrolList!=''">
				<view class="flex-col section_4" v-for="(demo, i) in PatrolList" :key="i">
					<view class="flex-col">
						<view class="flex-col list-item"
							:class="demo.rectificationStatus == 0?'list-itemLine':demo.rectificationStatus == 2?'list-itemLine':''">
							<view class="justify-between">
								<view class="flex-row group_14 view_3">
									<text class="text_19">{{demo.issueUserName}}</text>
									<view class="flex-col text-wrapper_6">
										<text class="text_20" v-if="demo.issueUserRoleName == 105">巡检员</text>
										<text class="text_20" v-else-if="demo.issueUserRoleName ==104">工长</text>
									</view>
								</view>
								<text class="text_21" v-if="demo.rectificationStatus == 2">待确认</text>
								<text class="text_51" v-else-if="demo.rectificationStatus == 3">已解决</text>
								<text class="text_55" v-else-if="demo.rectificationStatus == 5">用户已拒绝</text>
								<text class="text_55" v-else-if="demo.rectificationStatus == 1">待解决</text>
								<text class="text_51" v-else-if="demo.isContinueReply == 1 ">继续整改中</text>
								<text class="text_55" v-else-if="demo.rectificationStatus == 4">待用户解决</text>
							</view>
							<text class="text_23">问题类型：{{demo.issueTypeName}}</text>
							<view class="flex-row equal-division" v-if="demo.issueMedias!=[]">
								<!-- <view v-for="(pic,k) in demo.issueMedias" :key="k">
									
									<view   class="imagegrid" v-if="checkFile(pic,'image')">
										<image :src="pic" class="equal-division-item" mode="" @click.stop="prviewImage(demo.issueMedias,k)"></image>
									</view>
									<view  v-else class="imagegrid" @click="goVideo(pic)">
										<view class="videoview">
											<image class="equal-division-item" :src="pic+'?x-oss-process=video/snapshot,t_1000,m_fast'" ></image>
											   <image  :src="$IMG_URL+'16557867901398396466.png'" class="play"/>
										</view>
										
										</view>
									
								</view> -->
								<view v-for="(pic,k) in demo.issueMedias" :key="k" >
									<image :src="pic" v-if="checkFile(pic,'image')" class="equal-division-item" mode="" @click.stop="prviewImage(demo.issueMedias,k)"></image>
									<view  v-else class="  " @click="goVideo(pic)">
										<view class=" imagegrid">
											<image class="equal-division-item" :src="pic+'?x-oss-process=video/snapshot,t_1000,m_fast'" ></image>
											<image  :src="$IMG_URL+'16557867901398396466.png'" class="play"/>
										</view>
																						
									</view>
								</view>
							</view>
							<view c-else></view>
							<text class="text_25">{{demo.issueContent}}</text>
							<view class="flex-row group_16">
								<text class="text_26">{{demo.insertTime}}</text>
							</view>
							<!-- <text class="text_59"
								v-if="demo.rectificationStatus == 2">*拒绝原因：{{demo.refuseCause}}。</text> -->
						</view>
					</view>
					<view class="justify-end group_28" v-if="demo.rectificationStatus == 0">
						<view class="flex-col items-center text-wrapper_7 view_6"><text class="text_32">解决</text></view>
					</view>
					<view class="justify-end group_28" v-if="demo.rectificationStatus == 2">
						<view class="flex-col items-center text-wrapper_9"><text class="text_60">删除</text></view>
						<navigator url="/pages/onSite/onSiteIndex/PatroServiceEX/PatroServiceEX">
							<view class="flex-col items-center text-wrapper_7"><text class="text_32">回复</text></view>
						</navigator>

					</view>
					<!--  -->
					<view v-if="demo.comments!=null">
						<view v-for="(text,j) in demo.comments">
							<view class="flex-col" style="border-top: 1px solid #eee;">
								<view class="flex-col list-item"
									:class="text.isUserReplyStatus == 0?'list-itemLine':text.isUserReplyStatus == 2?'list-itemLine':''">
									<view class="justify-between">
										<view class="flex-row group_14 view_3">
											<text class="text_19">{{text.userName}}</text>
											<view class="flex-col text-wrapper_6">
												<text class="text_20" v-if="text.userRoleName  == 105">巡检员</text>
												<text class="text_20"
													v-else-if='text.userRoleName  == 104'>工长</text>
											</view>
										</view>
									</view>
									<view class="flex-row equal-division">
										<view v-if="text.responseImgs" class="imagegrid" style='flex-wrap:wrap'>
											<view v-for="(aa,k) in text.responseImgs" :key="k" >
												<image :src="aa" v-if="checkFile(aa,'image')" class="equal-division-item" mode="" @click.stop="prviewImage(text.responseImgs,j)"></image>
												<view  v-else class="  " @click="goVideo(aa)">
													<view class=" imagegrid">
														<image class="equal-division-item" :src="aa+'?x-oss-process=video/snapshot,t_1000,m_fast'" ></image>
														<image  :src="$IMG_URL+'16557867901398396466.png'" class="play"/>
													</view>
																									
												</view>
											</view>
										</view>
									</view>
									<text class="text_25">{{text.responseContent}}</text>
									<view class="flex-row group_16">
										<text class="text_26">{{text.responseTime }}</text>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view v-else>
				<u-empty style="height: 100vh;" mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png">
				</u-empty>
			</view>
		</view>
	</view>

</template>

<script>
	export default {
		components: {},
		data() {
			return {
				PatrolList: [],
				PatrolState: 0, //第二个tab切换
				PatrolTab: 0,
				id: '',
				issueId:'',
				ordersId:''
			};
		},
		onLoad(option) {
			this.id = option.id;
			this.issueId = option.issueId
			this.getdata()
			this.ordersId=uni.getStorageSync('ordersId')
		},
		created() {
			uni.startPullDownRefresh();
			setTimeout(function() {
				uni.stopPullDownRefresh();
			}, 1000);
		},
		methods: {
			onPullDownRefresh() {
				this.getdata()
				setTimeout(function() {
					uni.stopPullDownRefresh();
				}, 1000);
			},
			goVideo(url) {
				uni.navigateTo({
					url: "/pages/video/video?url=" + url
				})
			},
			checkFile(fileValue,type) {
						    console.log("fileValue==" + fileValue);
						    let index = fileValue.indexOf("."); //（考虑严谨用lastIndexOf(".")得到）得到"."在第几位
						  let   fileValueSuffix = fileValue.substring(index); //截断"."之前的，得到后缀
						    if(type == 'video') {
						        if (!/(.*)\.(mp4|rmvb|avi|ts)$/.test(fileValueSuffix)) { //根据后缀，判断是否符合视频格式
						            return false;
						        }
						    }
							
						    if(type == 'image') {
						        if (!/(.*)\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(fileValueSuffix)) { //根据后缀，判断是否符合图片格式
						            return false;
						        }
						    }
						 
						    return true;
			},
			Back() {
				uni.navigateTo({
					url:'pages/onSite/onSiteIndex/PatroService/PatroService?ordersId='+this.ordersId
				})
			},
			getdata(index) {
				let rectificationStatus = index
				this.$http('common.getSGlist', {
					inspectionId: this.id,
					issueId:this.issueId,
					rectificationStatus: rectificationStatus
				}).then(res => {
					console.log(res,'获取列表')
					if (res.code == 200) {
						this.PatrolList = res.data;
					}
				})
			},
			PatrolClick(index) {
				this.PatrolTab = index;
			},
			patrolPro(index) {
				// console.log(index)
				this.PatrolState = index;
				this.getdata(index)
			},
			toaddXQ() {
				uni.navigateTo({
					url: '/pages/foreman/projectEx/addVillage'
				})
			},
			prviewImage(urls, index) {
				uni.previewImage({
					urls: urls,
					current: index
				});
			},
		},
	};
</script>

<style scoped lang="scss">
	page {
		background-color: #F6F7F9;
	}

	.PatrolActive {
		font-weight: 600;
		font-size: 32rpx !important;
	}

	.PatrolStateActive {
		background-color: #1d6aff !important;
	}
.imagegrid{
		    display: grid;
		    grid-template-columns: repeat(3,1fr);
		    gap: 10px;
			justify-items:center;
			align-items:center;
	}
	.videoview{
	  position: relative;
		
		
	}
	.videoview .play {
	  width: 80rpx;
	  height: 80rpx;
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  transform: translate(-50%, -50%);
	}
	
	.PatrolStateActive text {
		color: #fff;
	}

	.section_5 {
		margin-top: 20rpx;
		padding: 30rpx 23rpx 34rpx 24rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
	}

	.text-wrapper_5 {
		margin-left: 16rpx;
		flex: 1 1 160rpx;
		padding: 10rpx 0 21rpx;
		background-color: #ffffff;
		border-radius: 32rpx;
		height: 64rpx;
	}

	.image_11 {
		margin-top: 28rpx;
		border-radius: 16rpx;
		width: 654rpx;
		height: 328rpx;
	}

	.list-item_1 {
		padding: 30rpx 0 34rpx;
	}

	.list-item {
		padding: 30rpx 0 34rpx;
	}

	.text-wrapper_7 {
		padding: 9rpx 0 19rpx;
		background-color: #1d6aff;
		border-radius: 28rpx;
		width: 148rpx;
		height: 56rpx;
		line-height: 40rpx;
	}

	.text_66 {
		margin-top: 26rpx;
		align-self: flex-start;
		color: #191919;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.equal-division_1 {
		margin-top: 33rpx;
	}

	.text_23 {
		margin-top: 26rpx;
		align-self: flex-start;
		color: #191919;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.equal-division {
		margin-top: 33rpx;
	}

	.text-wrapper_8 {
		margin-left: 15rpx;
		margin-top: 6rpx;
		flex-shrink: 0;
		padding-bottom: 8rpx;
		border-radius: 16rpx;
		background-image: url($IMG_URL+'16557867953845051439.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		height: 32rpx;
	}

	.group_31 {
		margin-bottom: 5rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_64 {
		margin-bottom: 5rpx;
		color: #ff371d;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.equal-division-item_3 {
		flex: 1 1 208rpx;
		border-radius: 16rpx;
		width: 208rpx;
		height: 208rpx;
	}

	.equal-division-item_4 {
		margin-left: 15rpx;
		flex: 1 1 208rpx;
		border-radius: 16rpx;
		width: 208rpx;
		height: 208rpx;
	}

	.group_14 {
		margin-bottom: 5rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_21 {
		margin-bottom: 5rpx;
		color: #ff371d;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.equal-division-item {
		flex: 1 1 208rpx;
		border-radius: 16rpx;
		width: 208rpx;
		height: 208rpx;
	}

	.equal-division-item_1 {
		margin-left: 15rpx;
		flex: 1 1 208rpx;
		border-radius: 16rpx;
		width: 208rpx;
		height: 208rpx;
	}

	.text_15 {
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 44rpx;
	}

	.text_43 {
		color: #666666;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.text_32 {
		color: #ffffff;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
	}

	.text_41 {
		margin-top: 22rpx;
		align-self: flex-start;
		color: #191919;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.group_22 {
		margin-top: 36rpx;
	}

	.text_39 {
		margin-bottom: 5rpx;
		color: #ff371d;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_45 {
		margin-left: 10rpx;
		color: #666666;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.text_35 {
		margin-bottom: 5rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_37 {
		margin: 0 7rpx;
		color: #1d6aff;
		font-size: 22rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 24rpx;
	}

	.page {
		padding-bottom: 64rpx;
		background-color: #f6f7f9ff;
		height: 100%;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
	}

	.section_1 {
		padding: 7rpx 12rpx 30rpx;
		background-image: url($IMG_URL+'16557870724016329987.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.group_8 {
		margin-top: -18rpx;
		padding: 0 23rpx;
		position: relative;
	}

	.group_3 {
		margin-top: 24rpx;
		padding: 0 19.5rpx 3.5rpx;
		position: relative;
	}

	.section_2 {
		margin: 24.5rpx 9rpx 0;
		margin-top: 40rpx;
		padding: 0 43rpx 76rpx;
		background-image: url($IMG_URL+'16557870724030238158.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.group_9 {
		padding: 0 17rpx;
	}

	.image_7 {
		margin-left: 61rpx;
		margin-top: 14rpx;
		align-self: flex-start;
		width: 40rpx;
		height: 16rpx;
	}

	.image_71 {
		margin-left: 35%;
		margin-top: 14rpx;
		align-self: flex-start;
		width: 40rpx;
		height: 16rpx;
	}

	.image_72 {
		margin-left: 60%;
		margin-top: 14rpx;
		align-self: flex-start;
		width: 40rpx;
		height: 16rpx;
	}

	.image_73 {
		margin-left: 86%;
		margin-top: 14rpx;
		align-self: flex-start;
		width: 40rpx;
		height: 16rpx;
	}

	.section_3 {
		margin-top: 23.5rpx;
		padding: 33.5rpx 25rpx 34.5rpx;
		background-image: url($IMG_URL+'16557870783505740940.png');
		background-position: 0% 0%;
		background-size: 100% 100%;
		background-repeat: no-repeat;
	}

	.group_11 {
		padding: 30.5rpx 7rpx 24rpx 9rpx;
	}

	.section_4 {
		padding: 0 23rpx 32rpx 24rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
		margin-bottom: 20rpx;
	}

	.section_6 {
		margin-top: 20rpx;
		padding: 30rpx 23rpx 32rpx 24rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
	}

	.list_1 {
		margin-top: 20rpx;
		padding-left: 24rpx;
		padding-right: 23rpx;
		background-color: #ffffff;
		border-radius: 16rpx;
	}

	.image {
		width: 33rpx;
		height: 20rpx;
	}

	.group_1 {
		margin-right: 60.5rpx;
	}

	.image_4 {
		position: absolute;
		left: 19.5rpx;
		bottom: 0;
		width: 21rpx;
		height: 36rpx;
	}

	.text {
		color: #333333;
		font-size: 36rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 43rpx;
	}

	.group_4 {
		padding: 47rpx 0 24rpx;
		border-bottom: solid 1rpx #ffffff3d;
	}

	.group_6 {
		margin-top: 28rpx;
	}

	.text_4 {
		margin-top: 18rpx;
		align-self: flex-start;
		color: #ffffff;
		opacity: 0.6;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 26rpx;
	}

	.group_7 {
		margin-top: 22rpx;
	}

	.text-wrapper_1 {
		margin-top: 4rpx;
	}

	.text-wrapper_2 {
		margin-top: 4rpx;
	}

	.text-wrapper_3 {
		margin-top: 4rpx;
	}

	.group_10 {
		margin-top: 5rpx;
		height: 38rpx;
	}

	.text_13 {
		margin-bottom: 10rpx;
		color: #1d6aff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text-wrapper_4 {
		padding: 10rpx 0;
		flex: 1 1 160rpx;
		background-color: #ffffff;
		border-radius: 32rpx;
		height: 64rpx;
	}

	.text_56 {
		margin-top: 22rpx;
		align-self: flex-start;
		color: #191919;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.group_27 {
		margin-top: 36rpx;
	}

	.text_59 {
		margin-top: 23rpx;
		align-self: flex-start;
		color: #ff371d;
		font-size: 22rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 26rpx;
	}

	.group_28 {
		margin-top: 39rpx;
	}

	.list-item_1:first-of-type {
		border-bottom: solid 1rpx #eeeeee;
	}

	.image_1 {
		margin: 3.5rpx 0 2.5rpx;
		width: 85rpx;
		height: 18rpx;
	}

	.group_2 {
		margin-left: 175rpx;
	}

	.image_6 {
		align-self: center;
		width: 26rpx;
		height: 26rpx;
	}

	.text_2 {
		color: #ffffff;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
		font-weight: 600;
	}

	.text_3 {
		margin-top: 18rpx;
		color: #ffffff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_5 {
		color: #ffffff;
		opacity: 0.6;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 26rpx;
	}

	.text_6 {
		margin-left: 14.5rpx;
		color: #ffffff;
		font-size: 20rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 26rpx;
		opacity: 0.6;
	}

	.text_7 {
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
	}

	.text_8 {
		margin-left: 8rpx;
		margin-right: 7rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_9 {
		margin-left: 8rpx;
		margin-right: 7rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_10 {
		margin-left: 8rpx;
		margin-right: 7rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_11 {
		color: #333333;
		font-size: 32rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 38rpx;
		font-weight: 600;
	}

	.text_12 {
		color: #1d6aff;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
		font-weight: 600;
	}

	.text_14 {
		color: #333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 44rpx;
	}

	.list-itemLine {
		border-bottom: solid 1rpx #eeeeee;
	}

	.view_6 {
		margin-right: 16rpx;
	}

	.text_55 {
		margin-bottom: 5rpx;
		color: #ff371d;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_51 {
		margin-bottom: 5rpx;
		color: #1d6aff;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_57 {
		color: #666666;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.text_58 {
		margin-left: 10rpx;
		color: #666666;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.text-wrapper_9 {
		margin-right: 16rpx;
		padding: 9rpx 0 19rpx;
		border-radius: 28rpx;
		background-image: url($IMG_URL+'16557870783943066618.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		width: 148rpx;
		height: 56rpx;
		line-height: 40rpx;
	}

	.text_68 {
		margin-top: 22rpx;
		align-self: flex-start;
		color: #191919;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.group_33 {
		margin-top: 36rpx;
	}

	.image_2 {
		width: 14rpx;
		height: 24rpx;
	}

	.image_3 {
		margin: 3.5rpx 0 2.5rpx 15.5rpx;
		width: 55rpx;
		height: 18rpx;
	}

	.image_5 {
		flex-shrink: 0;
		border-radius: 50%;
		width: 96rpx;
		height: 96rpx;
	}

	.text_1 {
		margin-left: 32rpx;
		margin-top: 19rpx;
		color: #ffffff;
		font-size: 36rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 43rpx;
	}

	.text_25 {
		margin-top: 22rpx;
		align-self: flex-start;
		color: #191919;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.group_16 {
		margin-top: 36rpx;
	}

	.text_53 {
		margin-bottom: 5rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text_60 {
		color: #ff371d;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
	}

	.view_16 {
		margin-bottom: initial;
		color: initial;
		font-size: initial;
		font-family: initial;
		line-height: initial;
	}

	.equal-division-item_5 {
		margin-left: 15rpx;
		flex: 1 1 208rpx;
		border-radius: 16rpx;
		width: 208rpx;
		height: 208rpx;
	}

	.text_69 {
		color: #666666;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.text_70 {
		margin-left: 10rpx;
		color: #666666;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.view_3 {
		margin-bottom: initial;
		color: initial;
		font-size: initial;
		font-family: initial;
		line-height: initial;
	}

	.equal-division-item_2 {
		margin-left: 15rpx;
		flex: 1 1 208rpx;
		border-radius: 16rpx;
		width: 208rpx;
		height: 208rpx;
	}

	.text_26 {
		color: #666666;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.text_27 {
		margin-left: 10rpx;
		color: #666666;
		font-size: 24rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 28rpx;
	}

	.text_54 {
		margin: 0 7rpx;
		color: #1d6aff;
		font-size: 22rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 24rpx;
	}

	.text_62 {
		margin-bottom: 5rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text-wrapper_10 {
		margin-left: 15rpx;
		margin-top: 6rpx;
		padding-bottom: 8rpx;
		flex-shrink: 0;
		border-radius: 16rpx;
		background-image: url($IMG_URL+'16557867953845051439.png');
		background-size: 100% 100%;
		background-repeat: no-repeat;
		height: 32rpx;
	}

	.text_19 {
		margin-bottom: 5rpx;
		color: #333333;
		font-size: 28rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 33rpx;
	}

	.text-wrapper_6 {
		margin-left: 15rpx;
		padding-bottom: 8rpx;
		flex-shrink: 0;
		border: 1px solid #1d6aff;
		border-radius: 28rpx;
		height: 40rpx;
		line-height: 40rpx;
	}

	.text_63 {
		margin: 0 7rpx;
		color: #1d6aff;
		font-size: 22rpx;
		font-family: '.AppleSystemUIFont';
		line-height: 24rpx;
	}

	.text_20 {
	    padding:0 16rpx;
		text-align: center;
		margin: 0 7rpx;
		color: #1d6aff;
		font-size:24rpx;
		font-family: '.AppleSystemUIFont';

	}
	.back-w2{
		    display: flex;
		    flex-direction: row;
		   align-items: center;
		    width: 100vw;
		    height: 45px;
		    background-color: #ffffff;
		    position: fixed;
		    top: 0;
		    left: 0;
	}
</style>
